﻿
<html>
<head>
    <meta charset="utf-8">
    <title>单品</title>
    <!-- Stylesheets -->
    <link href="/boot/css/bootstrap.css" rel="stylesheet">
    <link href="/boot/plugins/revolution/css/settings.css" rel="stylesheet" type="text/css"><!-- REVOLUTION SETTINGS STYLES -->
    <link href="/boot/plugins/revolution/css/layers.css" rel="stylesheet" type="text/css"><!-- REVOLUTION LAYERS STYLES -->
    <link href="/boot/plugins/revolution/css/navigation.css" rel="stylesheet" type="text/css"><!-- REVOLUTION NAVIGATION STYLES -->
    <link href="/boot/css/style.css" rel="stylesheet">
    <link href="/boot/css/responsive.css" rel="stylesheet">

    <!--Favicon-->
    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
    <link rel="icon" href="images/favicon.png" type="image/x-icon">
    <!-- Responsive -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
    <!--[if lt IE 9]><script src="/boot/js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">

    <!-- Preloader -->
    <div class="preloader"></div>

    <!-- Main Header-->
    <header class="main-header">

        <!--顶端-->
        <div class="header-top">
            <div class="auto-container">
                <div class="clearfix">
                    <!--顶端左边-->
                    <div class="top-left">
                        <p>龙腾二手车欢迎您</p>
                    </div>
                    <!--顶端右边-->
                    <div class="top-right">
                        <ul class="dropdown-option clearfix">
                            <li class="account dropdown"><a class="btn btn-default dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#"><span class="icon flaticon-user"></span>&ensp;我的用户名 &nbsp;<span></span></a>
                            </li>
                            <li><a class="sell-car" href="#">登录</a></li>
                            <li><a class="sell-car" href="#">注册</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!--Header-Upper-->
        <div class="header-upper">
            <div class="auto-container">
                <div class="upper-inner clearfix">
                    <div class="logo-outer">
                        <div class="logo"><a href="index.jsp"><img src="images/logo.png" alt="" title=""></a></div>
                    </div>
                    <div class="upper-right clearfix">
                        <div class="nav-outer clearfix">
                            <!-- Main Menu -->
                            <nav class="main-menu">
                                <div class="navbar-header">
                                    <!-- Toggle Button -->
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="navbar-collapse collapse clearfix">
                                    <ul class="navigation clearfix">
                                        <li class="current"><a href="/boot/user/index">我的首页</a></li>
                                        <li><a href="/boot/user/about">关于我们</a></li>
                                        <li class=""><a href="/boot/user/buycar">我要买车</a> </li>
                                        <li class=""><a href="/boot/saleCar">我要卖车</a>  </li>
                                        <li class=""><a href="/boot/user/service">售后服务</a></li>
                                        <li class=""><a href="#">论坛中心</a></li>
                                        <li><a href="/boot/user/personindex">个人中心</a></li>
                                    </ul>
                                </div>
                            </nav>
                            <!-- Main Menu End-->
                            <!--More Options-->
                            <div class="more-options">
                                <div class="cart-box">
                                    <a href="shoping-cart.jsp">Cart <span class="icon fa fa-shopping-cart"><span class="number">0</span></span></a>
                                </div>
                            </div>
                        </div>
                        <!--End Header Upper-->
                        <!--Sticky Header-->
                        <div class="sticky-header">
                            <div class="auto-container clearfix">
                                <!--Logo-->
                                <div class="logo pull-left">
                                    <a href="index.jsp" class="img-responsive" title="Car World"><img src="images/logo-small.png" alt="Tali" title="Car World"></a>
                                </div>

                                <!--Right Col-->
                                <div class="right-col pull-right">
                                    <!-- Main Menu -->
                                    <nav class="main-menu">
                                        <div class="navbar-header">
                                            <!-- Toggle Button -->
                                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>
                                        </div>

                                        <div class="navbar-collapse collapse clearfix">
                                            <ul class="navigation clearfix">
                                                <li class="current"><a href="/boot/user/index">我的首页</a></li>
                                                <li><a href="/boot/user/about">关于我们</a></li>
                                                <li class=""><a href="/boot/user/buycar">我要买车</a> </li>
                                                <li class=""><a href="/boot/saleCar">我要卖车</a>  </li>
                                                <li class=""><a href="/boot/user/service">售后服务</a></li>
                                                <li class=""><a href="#">论坛中心</a></li>
                                                <li><a href="/boot/user/personindex">个人中心</a></li>
                                            </ul>
                                        </div>
                                    </nav>
                                    <!-- Main Menu End-->
                                </div>

                            </div>
                        </div>
                        <!--End Sticky Header-->

    </header>
    <!--End Main Header -->

    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/5.jpg);">
        <div class="auto-container">
            <h1>单品</h1>
        </div>
    </section>
    <!--End Page Title-->

    <!--Page Info-->
    <section class="page-info">
        <div class="auto-container">
            <ul class="bread-crumb">
                <li><a href="index.html">家</a></li>
                <li>店铺</li>
                <li class="current">单品</li>
            </ul>
        </div>
    </section>
    <!--End Page Info-->

    <!--Sidebar Page Container-->
    <div class="sidebar-page-container">
        <div class="auto-container">
            <div class="row clearfix">

                <!--Content Side-->
                <div class="content-side col-lg-9 col-md-8 col-sm-12 col-xs-12">
                    <div class="shop-single">
                        <div class="product-details">

                            <!--Basic Details-->
                            <div class="basic-details">
                                <div class="row clearfix">
                                    <div class="image-column col-md-5 col-sm-6 col-xs-12">
                                        <figure class="image-box"><a href="images/resource/products/10.png" class="lightbox-image" title="Image Caption Here"><img src="images/resource/products/10.png" alt=""></a></figure>
                                    </div>
                                    <div class="info-column col-md-7 col-sm-6 col-xs-12">
                                        <div class="details-header">
                                            <h4>刹车盘（商品名）</h4>
                                            <div class="rating">
                                                <span class="fa fa-star"></span>
                                                <span class="fa fa-star"></span>
                                                <span class="fa fa-star"></span>
                                                <span class="fa fa-star"></span>
                                                <span class="fa fa-star-half-empty"></span>
                                            </div>
                                            <a href="#" class="reviews">(3 评论)</a>
                                            <div class="item-price">$39.00</div>
                                        </div>

                                        <div class="text">
                                            <p>单品描述-v和v十分士大夫艰苦撒旦发射点和 </p>
                                        </div>
                                        <!-- Pincode Form -->
                                        <div class="pincode-form">
                                            <form method="post" action="contact.html">
                                                <div class="form-group">
                                                    <label>7天内发货</label>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="other-options clearfix">
                                            <div class="item-quantity"><input class="quantity-spinner" type="text" value="2" name="quantity"></div>
                                            <button type="button" class="theme-btn btn-style-one add-to-cart">加入购物车</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--Basic Details-->

                            <!--Product Info Tabs-->
                            <div class="product-info-tabs">
                                <!--Product Tabs-->
                                <div class="prod-tabs tabs-box">

                                    <!--Tab Btns-->
                                    <ul class="tab-btns tab-buttons clearfix">
                                        <li data-tab="#prod-details" class="tab-btn active-btn">描述</li>
                                        <li data-tab="#prod-reviews" class="tab-btn">评价（2）</li>
                                    </ul>

                                    <!--Tabs Container-->
                                    <div class="tabs-content">

                                        <!--Tab / Active Tab-->
                                        <div class="tab active-tab" id="prod-details">
                                            <div class="content">
                                                <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.Bring to the table win-win survival strategies to ensure proactive domination. runway heading towards a streamlined cloud solution.</p>
                                                <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence. </p>
                                            </div>
                                        </div>

                                        <!--Tab-->
                                        <div class="tab" id="prod-reviews">
                                            <h2 class="title">大家的评价</h2>
                                            <!--Reviews Container-->
                                            <div class="comments-area">
                                                <!--Comment Box-->
                                                <div class="comment-box">
                                                    <div class="comment">
                                                        <div class="author-thumb"><img src="images/resource/author-9.jpg" alt=""></div>
                                                        <div class="comment-inner">
                                                            <div class="comment-info clearfix">Lily – 2021年4月1日:</div>
                                                            <div class="rating">
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star light"></span>
                                                            </div>
                                                            <div class="text">评论内容-！@#￥%……&*（）~！@#￥%……&*（）~！@#￥%……&*</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--Comment Box-->
                                                <div class="comment-box reply-comment">
                                                    <div class="comment">
                                                        <div class="author-thumb"><img src="images/resource/author-10.jpg" alt=""></div>
                                                        <div class="comment-inner">
                                                            <div class="comment-info clearfix">Bob – 2021年5月1日:</div>
                                                            <div class="rating">
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star"></span>
                                                                <span class="fa fa-star-half-empty"></span>
                                                            </div>
                                                            <div class="text">评论内容-！@#￥%……&*（）~！@#￥%……&*（）~！@#￥%……&*</div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <!-- Comment Form -->
                                            <div class="shop-comment-form">
                                                <h2>你的评论</h2>
                                                <div class="rating-box">
                                                    <div class="text"> 你的评分:</div>
                                                    <div class="rating">
                                                        <a href="#"><span class="fa fa-star"></span></a>
                                                    </div>
                                                    <div class="rating">
                                                        <a href="#"><span class="fa fa-star"></span></a>
                                                    </div>
                                                    <div class="rating">
                                                        <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                    </div>
                                                    <div class="rating">
                                                        <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                    </div>
                                                    <div class="rating">
                                                        <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                    </div>
                                                    <div class="rating">
                                                        <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                    </div>
                                                </div>
                                                <form method="post" action="contact.html">
                                                    <div class="row clearfix">
                                                        <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                                            <label>用户名</label>
                                                            <input type="text" name="username" placeholder="" required>
                                                        </div>

                                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group">
                                                            <label>Email*</label>
                                                            <input type="text" name="number" placeholder="" required>
                                                        </div>
                                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                                            <label>你的想法</label>
                                                            <textarea name="message" placeholder=""></textarea>
                                                        </div>

                                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                                            <button class="theme-btn btn-style-one" type="submit" name="submit-form">提交</button>
                                                        </div>

                                                    </div>
                                                </form>

                                            </div>

                                        </div>

                                    </div>
                                </div>

                            </div>
                            <!--End Product Info Tabs-->

                        </div>

                        <!--Related Products-->
                        <div class="related-products">
                            <div class="sec-title">
                                <h2>相关商品推荐</h2>
                            </div>
                            <div class="row clearfix">

                                <!--Shop Item-->
                                <div class="shop-item col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                    <div class="inner-box">
                                        <div class="image">
                                            <a href="shop-single.jsp"><img src="images/resource/products/1.png" alt="" /></a>
                                        </div>
                                        <div class="lower-content">
                                            <div class="upper-box">
                                                <h3><a href="shop-single.jsp">1</a></h3>
                                                <div class="price">$34.99</div>
                                            </div>
                                            <div class="lower-box clearfix">
                                                <div class="pull-left">
                                                    <a class="add-cart" href="shop-single.jsp">加入购物车</a>
                                                </div>
                                                <div class="pull-right">
                                                    <!--Rating-->
                                                    <div class="rating">
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star-half-empty"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--Shop Item-->
                                <div class="shop-item col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                    <div class="inner-box">
                                        <div class="image">
                                            <a href="shop-single.jsp"><img src="images/resource/products/2.png" alt="" /></a>
                                        </div>
                                        <div class="lower-content">
                                            <div class="upper-box">
                                                <h3><a href="shop-single.jsp">2</a></h3>
                                                <div class="price">$29.00</div>
                                            </div>
                                            <div class="lower-box clearfix">
                                                <div class="pull-left">
                                                    <a class="add-cart" href="shop-single.jsp">加入购物车</a>
                                                </div>
                                                <div class="pull-right">
                                                    <!--Rating-->
                                                    <div class="rating">
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--Shop Item-->
                                <div class="shop-item col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                    <div class="inner-box">
                                        <div class="image">
                                            <a href="shop-single.jsp"><img src="images/resource/products/3.png" alt="" /></a>
                                        </div>
                                        <div class="lower-content">
                                            <div class="upper-box">
                                                <h3><a href="shop-single.jsp">3</a></h3>
                                                <div class="price">$24.99</div>
                                            </div>
                                            <div class="lower-box clearfix">
                                                <div class="pull-left">
                                                    <a class="add-cart" href="shop-single.jsp">加入购物车</a>
                                                </div>
                                                <div class="pull-right">
                                                    <!--Rating-->
                                                    <div class="rating">
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star-o"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

                <!--Sidebar Side-->
                <div class="sidebar-side col-lg-3 col-md-4 col-sm-12 col-xs-12">
                    <aside class="sidebar default-sidebar">

                        <!-- Search Box -->
                        <div class="faq-search-box">
                            <div class="outer-box">
                                <form method="post" action="contact.html">
                                    <div class="form-group">
                                        <input type="search" name="search-field" value="" placeholder="搜索" required>
                                        <button type="submit"><span class="icon fa fa-search"></span></button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <!--Category Widget-->
                        <div class="shop-sidebar-widget category-widget">
                            <div class="inner-box">
                                <h2>分类</h2>
                                <ul class="category-link">
                                    <li><a href="#">面包车</a></li>
                                    <li><a href="#">SUV</a></li>
                                    <li><a href="#">轿车</a></li>
                                </ul>
                            </div>
                        </div>

                        <!-- Price Filters -->
                        <div class="shop-sidebar-widget price-filters rangeslider-widget">
                            <div class="inner-box">
                                <div class="sidebar-title">
                                    <h2>价格筛选</h2>
                                </div>
                                <div class="range-slider-one clearfix">
                                    <div class="price-range-slider"></div>
                                    <div class="clearfix">
                                        <div class="pull-left">
                                            <a href="#" class="theme-btn btn-style-one">确定</a>
                                        </div>
                                        <div class="pull-right">
                                            <div class="title">价格:</div>
                                            <div class="input"><input type="text" class="property-amount" name="field-name" readonly></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Products Widget-->
                        <div class="shop-sidebar-widget products-widget">
                            <div class="inner-box">
                                <div class="sidebar-title">
                                    <h2>热销排行</h2>
                                </div>
                                <div class="post">
                                    <figure class="post-thumb"><a href="shop-single.jsp"><img src="images/resource/products/prod-thumb-1.jpg" alt=""></a></figure>
                                    <h4><a href="shop-single.jsp">车名1</a></h4>
                                    <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                                    <div class="price"><span>$34.00</span>$24.99</div>
                                </div>
                                <div class="post">
                                    <figure class="post-thumb"><a href="shop-single.jsp"><img src="images/resource/products/prod-thumb-2.jpg" alt=""></a></figure>
                                    <h4><a href="shop-single.jsp">车名2</a></h4>
                                    <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o light"></span></div>
                                    <div class="price"><span>$54.00</span>$44.99</div>
                                </div>
                                <div class="post">
                                    <figure class="post-thumb"><a href="shop-single.jsp"><img src="images/resource/products/prod-thumb-3.jpg" alt=""></a></figure>
                                    <h4><a href="shop-single.jsp">车名3</a></h4>
                                    <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star light"></span></div>
                                    <div class="price">$24.99</div>
                                </div>
                            </div>
                        </div>

                    </aside>
                </div>

            </div>
        </div>
    </div>
    <!--End Sidebar Page Container-->

    <!--Main Footer-->
    <footer class="main-footer" style="background-image:url(images/background/4.png);">
        <div class="auto-container">

            <div class="widgets-section">
                <div class="row clearfix">


                    <div class="big-column col-md-6 col-sm-12 col-xs-12">
                        <div class="row clearfix">


                            <div class="footer-column col-md-6 col-sm-6 col-xs-12">
                                <div class="footer-widget about-widget">
                                    <h2>关于我们</h2>
                                    <div class="text">
                                        <p>龙腾二手车售后服务公司本着方便消费者的原则，为用户提供一个便于查找车辆信息的平台。</p>
                                        <p>我们将用户放在第一位，在售卖车辆的同时，提供售后服务。 </p>
                                    </div>
                                    <a href="about.html" class="theme-btn btn-style-three">了解我们</a>
                                </div>
                            </div>


                            <div class="footer-column col-md-6 col-sm-6 col-xs-12">
                                <div class="footer-widget links-widget">
                                    <h2>相关信息</h2>
                                    <div class="widget-content">
                                        <div class="row clearfix">
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <ul class="footer-links">
                                                    <li><a href="#">关于我们</a></li>
                                                    <li><a href="#">最新车辆</a></li>
                                                    <li><a href="#">比较车辆</a></li>
                                                    <li><a href="#">金融和保险</a></li>
                                                    <li><a href="#">推荐</a></li>

                                                </ul>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <ul class="footer-links">
                                                    <li><a href="#">我要卖车</a></li>
                                                    <li><a href="#">我们的服务</a></li>
                                                    <li><a href="#">为什么选择我们</a></li>
                                                    <li><a href="#">联系我们</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <div class="big-column col-md-6 col-sm-12 col-xs-12">
                        <div class="row clearfix">


                            <div class="footer-column col-md-6 col-sm-6 col-xs-12">
                                <div class="footer-widget links-widget">
                                    <h2>联系方式</h2>
                                    <div class="widget-content">
                                        <ul class="list-style-one">
                                            <li><span class="icon flaticon-maps-and-flags"></span>龙腾, 苏州 ,中国</li>
                                            <li><span class="icon flaticon-telephone"></span>电话: 44 567 890123 & 45</li>
                                            <li><span class="icon flaticon-fax"></span>传真 : (526) 326-985-7423</li>
                                            <li><span class="icon flaticon-web"></span>Longteng@qq.com</li>
                                        </ul>
                                    </div>
                                    <h2>工作时间</h2>
                                    <div class="text">周一至周日: 全天在线</div>
                                </div>
                            </div>
                            <div class="footer-column col-md-6 col-sm-6 col-xs-12">
                                <h2>更多优惠</h2>
                                <div class="offer-block">
                                    <div class="inner">
                                        <h3>服务包括:</h3>
                                        <ul class="list-style-two">
                                            <li>道路支援</li>
                                            <li>美容保养</li>
                                            <li>车辆检修</li>
                                            <li>保险提醒</li>
                                        </ul>
                                        <div class="price"><span>只要 <br> </span><sup>￥</sup>59.50</div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--End Main Footer-->

</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-angle-up"></span></div>

<script src="/boot/js/jquery.js"></script>
<script src="/boot/js/bootstrap.min.js"></script>
<script src="/boot/js/jquery.fancybox.pack.js"></script>
<script src="/boot/js/jquery.fancybox-media.js"></script>
<script src="/boot/js/owl.js"></script>
<script src="/boot/js/appear.js"></script>
<script src="/boot/js/jquery-ui.js"></script>
<script src="/boot/js/jquery.bootstrap-touchspin.js"></script>
<script src="/boot/js/wow.js"></script>
<script src="/boot/js/script.js"></script>

</body>
</html>
